HTML 표시 노트

HTML 표시 노트는 스크립트에서 활용하는 유형입니다. 관계 속성으로 연결된 코드 노트의 HTML을 화면에 표시합니다.

HTML 표시 노트 만들기

동적 내용 표시하기

스크립트로 HTML의 일부를 바꾸면 동적 화면을 만들 수 있습니다. 현재 날짜와 시각을 표시하는 예제를 만들어 보겠습니다.

먼저 다음 내용의 HTML 코드 노트를 만드세요.

<h1>현재 날짜와 시각</h1>
현재 날짜와 시각: <span class="date"></span>

그 바로 아래에 프런트엔드 JavaScript 코드 노트를 만들고 다음 코드를 작성합니다.

const $dateEl = api.$container.find(".date");
$dateEl.text(new Date().toLocaleString("ko-KR"));

원하는 위치에 HTML 표시 노트를 만들고 ~renderNote 관계로 HTML 노트를 연결하세요. 열면 현재 날짜와 시각이 한국어 형식으로 표시됩니다. 예: 현재 날짜와 시각 — 현재 날짜와 시각: 2025. 4. 6. 오후 3:26:29

관련 예제

체중 기록은 기본 사용 예제에 포함되어 있습니다.

예전 화면 이미지 읽는 법

아래 설명은 본문에 나온 이미지 순서에 맞췄습니다. 이미지는 원본을 유지했으므로 영문 메뉴가 보일 수 있습니다. 현재 앱에서는 한국어 메뉴를 사용합니다. 코드와 주소 및 제품 이름은 원래 표기를 따릅니다.

이미지 1 · HTML 표시 노트

화면에서 사용하는 주요 표현은 다음과 같습니다.